<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    <li>
        <span>
            <a href = "https://locomotive.obs.cn-east-3.myhuaweicloud.com:443/2023%2F11%2F14%2F%E6%9E%81%E7%AE%80026_20231114112718A132.jpg" alt  = "aaa">
                E%80026_20231114112718A132.jpg
            </a>
        </span>
        <span>删除</span>
    </li>
</ul>

<style>
    ul {
        list-style-type: none;
        margin: 0;
        width:300px;
    }

    ul li {
        height: 28px;
        line-height: 28px;
        display: flex;
        justify-content: space-between;
    }

    ul li span:first-child {
        width: 60%;
        overflow: hidden;
    }

    a{
        color:skyblue;
        text-decoration: none;
    }
</style>
</body>
</html>
